<template>
  <div>
    <Nav />
    <div id="content">
        <UserHead />
        <UserMainleft />
        <UserMainright />   
    </div>
  </div>
</template>

<script>
import Nav from "@/components/Nav.vue";
import UserHead from "@/components/UserHead.vue";
import UserMainleft from "@/components/UserMainleft.vue";
import UserMainright from "@/components/UserMainright.vue"
import $ from 'jquery'

export default {
  components: {
    Nav,
    UserHead,
    UserMainleft,
    UserMainright
  }
};
</script>
<style>
* {
  margin: 0;
}
body{
    background-color: rgb(231, 234, 243);
}
#content {
    width: 1000px;
    margin: 70px auto;
    margin-bottom: 400px;
}
.bottom h3{
    font-size: 1.5rem;
}
</style>